@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>职业管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-3">
                                <#NameCon id="occupation" name="职业名称" />
                            </div>
                            <div class="col-sm-3">
                                <div class="search_bt" onclick="Occupation.search()">搜索</div>
                                <div class="search_bt" onclick="Occupation.resetSearch()">清空</div>
                            </div>
                        </div>
                        <div class="hidden-xs" id="OccupationTableToolbar" role="group">
                            @if(shiro.hasPermission("/occupation/add")){
                            <div class="other_bt" onclick="Occupation.openAddOccupation()">添加</div>
                            @}
                            @if(shiro.hasPermission("/occupation/update")){
                            <div class="other_bt" onclick="Occupation.openOccupationDetail()">修改</div>
                            @}
                            @if(shiro.hasPermission("/occupation/delete")){
                            <div class="other_bt" onclick="Occupation.delete()">删除</div>
                            @}
                        </div>
                        <#table id="OccupationTable"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/basicData/occupation/occupation.js"></script>
@}
<style>
    .search_bt,.other_bt{
        cursor: pointer;
        display: inline-block;
        width: 73px;
        height: 27px;
        line-height: 27px;
        color: white;
        text-align: center;
        font-size: 14px;
        border-radius: 20px;
    }
    .search_bt{
        background: url("${ctxPath}/static/img/x18.png") no-repeat;
        background-size: cover;
    }
    .other_bt{
        background: url("${ctxPath}/static/img/x19.png") no-repeat;
        background-size: cover;
    }
</style>